<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" /> 
  <meta name="Keywords" content="" /> 
  <meta name="description" content="" /> 
  <meta name="viewport" content="width=device-width,initial-scale=1.0" /> 
  <meta content="width=640,target-densitydpi=device-dpi,user-scalable=no" name="viewport" /> 
  <title>神探闯关</title> 
  <link type="text/css" rel="stylesheet" href="css/style.css" /> 
  <link type="text/css" rel="stylesheet" href="css/myanimate.css">
  <script type="text/javascript" src="js/jquery-1.11.2.js"></script> 
  
 </head>
 <body> 
  <div class="warp"> 
   <div class="success_logo center"> 
    <img src="images/success_logo.png" /> 
   </div> 
   <div class="success_p center" style="height:240px;"> 
    <p>总用时<span style="font-size:48px; padding:0px 10px;" id="takeTime">20</span>秒<br /> 从你身上散发的神探气质已经被我捕捉到<br /> 送你一枚Dunlop徽章<br /> 继续加油吧！<br /> 别忘了截图，参加<span>微信互动</span>拿好礼!<br/></p> 
    <p style="margin-top:11px;"><span style="color:#f5dc40;">点击徽章，可重复挑战！</span></p>
   </div> 
   <div class="four_pass success_pass" style="margin-top:0px;"> 
    <ul> 
     <li class="on shake"> <a href="#"></a> </li> 
     <li> <a href="#"></a> </li> 
     <li> <a href="#"></a> </li> 
     <li> <a href="#"></a> </li> 
    </ul> 
   </div> 
   <div class="video success_video" style="margin-top:223px;"> 
    <video src="video/VisionMovie.mp4" width="581" height="327" controls preload poster="images/index_video.jpg"></video>
   </div> 
   <div class="index_btn success_btn" style="margin-top:580px;"> 
    <a href="#" class="again" style="margin-right:0px;"><img src="images/start_btn2.jpg" /></a> 
    <a href="#" class="submit_info"><img src="images/success_btn2.jpg" /></a> 
   </div> 
   <p class="success_bottom center"  style="margin-top:655px;"><a href="#">关注我们</a></p> 
  </div>  
 </body>
</html>